<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
	<style>
		.box{
			width:1000px;
			height:600px;
			margin:0px auto;
			position: relative;
		
			
		}
		.left{ 
			width:250px;
			height:600px;
			background-image: url("/img/背景3.jpg");
			background-size: 250px 600px;
			background-repeat: no-repeat;
			position: absolute;
			right: 0px;
			top:0px;
			opacity: 0.8;
		}
		.right{
			width:650px;
			height:600px;
			position: absolute;
			left: 0px;
			top:0px;
		}
		.text1{
			width:250px;
			height:130px;
			position: absolute;
			text-align: center;
			right: 0px;
			top:30px;
		}
		.text2{
			width:80px;
			height:30px;
			border: solid white;
			line-height: 30px;
			border-radius: 13px;
			position: absolute;
			text-align: center;
			right: 70px;
			bottom:100px;
		}
		.text2 a{
			text-decoration: none;
			color: white;
			font-size: 18px;
		}
		h3{
			font-size: 25px;
			font-weight: normal;
			color: white;
		}
	   p{
			color: white;
		}
		.right div{
			width: 300px;
			height: 300px;
			margin: 100px auto;
			text-align: center;
		}
		.right div input:not(.submit){
			width: 200px;
			border-right: none;
			border-left: none;
			border-top: none;
			text-align: center;
		}
		.right div input:not(.submit){
			outline: none;
		}
		p a{
			color:#A9A9A9;
			font-size: 13px;
		}
		.submit{
			width: 200px;
			height: 35px;
			border-radius: 18px;
			border: none;
			background-color:#A6B3FF;
			color: white;
			font-size: 16px;
		}
	
	
	
	
	</style>
</head>

<body>
	<div class="box">
		<div class="left">
		</div>
		<div class="text1">
		       <h3>还未注册？</h3>
			<p>立即注册，体验一下通讯录系统!</p>
		</div>
		<div class="text2">
		     <a href="http://localhost:8080/home/new1">注册</a>
		</div>
		<div class="right">
			<div>
				<form action="/login" method="post">
					<h2>欢迎回来</h2>
					 <pre>用户名</pre>
					<input type="text" placeholder="请输入用户名">
					<pre>密码</pre>
					<input type="password" placeholder="请输入密码">
					<p><a href="#">忘记密码？</a></p>
					<input class="submit" type="submit" value="登录">
				</form>
			
			
			</div>
		</div>
	
	
	
	</div>
</body>
</html>
